<template>
  <!-- <el-row :gutter="20">
    <el-col :span="16">
      <div>
        <div class="mb-4">
          <el-button round>Round</el-button>
          <el-button type="primary" round>Primary</el-button>
          <el-button type="success" round>Success</el-button>
          <el-button type="info" round>Info</el-button>
          <el-button type="warning" round>Warning</el-button>
          <el-button type="danger" round>Danger</el-button>
        </div>
      </div>
    </el-col>
    <el-col :span="8">
      <div style="background-color: green;">aaa</div>
    </el-col>
  </el-row>

  <div>
    <el-button :icon="Search" circle />
    <el-button type="primary" :icon="Edit" circle />
    <el-button type="success" :icon="Check" circle />
    <el-button type="info" :icon="Message" circle />
    <el-button type="warning" :icon="Star" circle />
    <el-button type="danger" :icon="Delete" circle />
  </div> -->
  <!-- <button class=" bg-sky-400 text-stone-200 px-6 py-2 text-xl rounded-2xl hover:(bg-sky-700)">按钮</button> -->
   <RouterView></RouterView>
</template>
<script setup>
// import {
//   Check,
//   Delete,
//   Edit,
//   Message,
//   Search,
//   Star,
// } from '@element-plus/icons-vue'
import { RouterView } from 'vue-router';
</script>